import { RouteRecordRaw } from "vue-router";
/**
 * Gab 的路由对象
 */
export const GabRoutes: RouteRecordRaw = {
  path: "Gab",
  name: "Gabriel",
  meta: { title: "洁白-闪耀-奇迹!" },
  component: () => import("Gab/index.vue"),
  redirect: { name: "G-Home" },
  children: [
    {
      path: "",
      name: "G-Home",
      meta: { label: "HOME" },
      component: () => import("Gab/views/HelloWorld/HelloWorld.vue"),
    },
    {
      path: "PIXI2D",
      name: "G-PIXI2D",
      meta: { label: "像素维度" },
      component: () => import("Gab/views/PIXI2D/PIXI2D.vue"),
      redirect: { name: "G-Drawing" },
      children: [
        {
          path: "Drawing",
          name: "G-Drawing",
          meta: { label: "基础画板" },
          component: () => import("Gab/views/PIXI2D/Pixel/Pixel.vue"),
        },
        {
          path: "GabTap",
          name: "G-GabTap",
          meta: { label: "GabTap" },
          component: () => import("Gab/views/PIXI2D/Pixel/Pixel.vue"),
        },
        {
          path: "Spectrum",
          name: "G-Spectrum",
          meta: { label: "Spectrum" },
          component: () => import("Gab/views/PIXI2D/Spectrum/Spectrum.vue"),
        },
      ],
    },
    {
      path: "CSS",
      name: "CSS",
      meta: { label: "CSS" },
      component: () => import("Gab/views/CSS/CSS.vue"),
      redirect: { name: "G-CSS-Anime" },
      children: [
        {
          path: "CSS-Anime",
          name: "G-CSS-Anime",
          meta: { label: "CSS动画" },
          component: () => import("Gab/views/CSS/anime/anime.vue"),
        }
      ],
    },
  ],
};
